.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
}

.w{
    width: 1400px;
    margin: 0 auto;
}
.type-color {
    color: hotpink;
}
body{
    width: 99vw;
}
.mainContent {
  margin-top: 150px;
    overflow: hidden;
    h3 {
        font-size: 23px;
        font-weight: 800;
        margin-bottom: 20px;
    }
    img {
        width: 100%;
        height: 100%;
    }
    .banner {
        .banners-box {
            border-radius: 15px;
            box-shadow: 0px 5px 5px gray;
            overflow: hidden;
            margin-bottom: 5px;
        }
    }
    .mainContent-w {
        width: 1400px;
        margin: 0 auto;
        .random-box {
            margin-top: 50px;
            ul {
                display: flex;
                justify-content: space-around;
                li {
                    width: 200px;
                    height: 80px;
                    cursor: pointer;
                }
            }
        }
       
    }
    .playlistRecommended-father{
        background-color: #f2f2f2;
       
        margin-top: 40px;
       padding: 10px 0;
        .playlistRecommended {
            margin-top: 20px;
            .playlistRecommended-title{
                height: 40px;
                background: url('../../assets/images/index_tit.png') no-repeat;
                background-position: 626px 0;
                margin: 20px;
            }
            .recommended-box {
                display: flex;
                justify-content: space-between;
                .wrapper-left {
                    width: 290px;
                    height: 470px;
                    position: relative;
                    border-radius: 8px;
                    background: linear-gradient(135deg, red, pink, blue);
                    .back-blur {
                        .blur {
                            width: 290px;
                            height: 470px;
                            position: absolute;
                            top: 0;
                            left: 0;
                            background: url("../../assets/images/gd_b_data.png")
                                no-repeat;
                            background-size: cover;
                            z-index: 1;
                        }
                        .wrapper-img {
                            width: 240px;
                            height: 240px;
                            position: absolute;
                            top: 115px;
                            left: 25px;
                            z-index: 2;
                            border-radius: 8px;
                            overflow: hidden;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                }
                .wrapper-right {
                    color: #99a9bf;
                    display: flex;
                    flex-wrap: wrap;
                    width: 1088px;
                    .playlistItem {
                        width: 187px;
                        height: 240px;
                        transition: all 0.7s;
                        margin: 4px 15px;
                        .info-img {
                            width: 190px;
                            height: 190px;
                            border-radius: 8px;
                            overflow: hidden;
                            position: relative;
    
                            &:hover {
                                .hidden-play {
                                    opacity: 1;
                                }
                            }
                            .play-number {
                                position: absolute;
                                top: 0;
                                right: -1px;
                                color: #ffffff;
                                font-size: 13px;
                                line-height: 24px;
                                text-align: center;
                                width: 78px;
                                height: 24px;
                                border-radius: 20px;
                                background-color: rgba(#000000, 0.5);
                                span {
                                    margin-left: 3px;
                                }
                            }
                            .hidden-play {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translateY(-50%) translateX(-50%);
                                width: 64px;
                                height: 64px;
                                cursor: pointer;
                                opacity: 0;
                                transition: all 0.25s;
                            }
                        }
                        .info-text {
                            padding-top: 14px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
    
    //新歌模块
    .newSongModle {
        height: 521px;
        margin-top: 100px;
        .newSongPush-top {
            width: 1400px;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
           
            ul {
                padding-left: 400px;
                li {
                    float: left;
                    margin-right: 20px;
                    font-size: 14px;
                    cursor: pointer;
                }
            }
        }
        .newSongPush {
            height: 451px;
            background: #f2f2f2;

            .newSongPush-Box {
                width: 1400px;
                margin: 0 auto;
                height: 411px;
                position: relative;
                .newSong-left {
                    width: 355px;
                    height: 525px;
                    position: absolute;
                    top: -40px;
                    overflow: hidden;
                    left: 0;
                    .newSong-img {
                        width: 346px;
                        img {
                            display: block;
                            float: left;
                            width: 173px;
                        }
                        &::before {
                            content: "";
                            width: 100%;
                            height: 100%;
                            background: url(//cdnmusic.migu.cn/v3/static/img/index/song_layer.png)
                                no-repeat;
                            background-size: 100% 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                    }
                    .playAllMusic {
                        width: 116px;
                        height: 45px;
                        cursor: pointer;
                        position: absolute;
                        bottom: 35px;
                        right: 16px;
                        border-radius: 30px;
                        border: 2px solid #fff;
                        color: #fff;
                        text-align: center;
                        line-height: 45px;
                        font-size: 14px;
                    }
                }
                .newSong-right {
                    margin-left: 400px;
                    padding: 20px 0;
                    width: 1000px;
                    height: 411px;

                    .newSong-item {
                        width: 45%;
                        height: 88px;
                        float: left;
                        display: flex;
                        border-radius: 15px;
                        margin: 0 44px 20px 0;
                        .newSong-item-img {
                            width: 88px;
                            height: 88px;
                            border-radius: 12px;
                            position: relative;
                            overflow: hidden;
                            img {
                                transition: all 0.5s;
                            }
                            .hidden-play {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translateY(-50%) translateX(-50%);
                                width: 30px;
                                height: 30px;
                                cursor: pointer;
                                opacity: 0;
                                transition: all 0.25s;
                            }
                        }
                        .newSong-itme-content {
                            width: 70%;
                            box-sizing: border-box;
                            padding: 20px 0px 0 20px;

                            .info-left {
                                float: left;
                                p {
                                    font-size: 15px;
                                    margin-bottom: 12px;
                                }
                                span {
                                    font-size: 13px;
                                    color: gray;
                                }
                            }
                            .info-time {
                                float: right;
                                padding-top: 20px;
                                font-size: 15px;
                                color: gray;
                            }
                        }
                        &:hover {
                            background-color: gainsboro;

                            .newSong-item-img {
                                img {
                                    transform: scale(1.1);
                                }
                                .hidden-play {
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    //新专辑上线模块
    .getNewAlbums {
        margin-top: 100px;
        // background: url("../../assets/images/bf43df77823e573da1e65f46a8d8d39e.jpg")
        //     no-repeat;
        // background-size: cover;
        background-color: #f5f5f5;
        padding-top: 20px;
      .getNewAlbums-title{
          height:40px;
         
          background: url('../../assets/images/index_tit.png') no-repeat;
          background-position: center -148px;
          margin-bottom: 20px;
          overflow: hidden;
      }
        .albums-container {
            width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .albums-item {
                position: relative;
                width: 284px;

                overflow: hidden;
                margin: 0 4px 10px 0;
                .img-box {
                    width: 250px;
                    height: 250px;
                    border-radius: 13px;
                    overflow: hidden;
                    position: relative;

                    .hidden-play {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translateY(-50%) translateX(-50%);
                        width: 64px;
                        height: 64px;
                        cursor: pointer;
                        opacity: 0;
                        transition: all 0.25s;
                    }
                }
                .item-content {
                    p {
                        height: 19px;
                        line-height: 19px;
                        font-size: 18px;

                        margin: 15px 0;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }
                    span {
                        color: grey;
                        margin-right: 10px;
                        height: 19px;
                        line-height: 19px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }
                }
                &::before {
                    content: "";
                    width: 250px;
                    height: 250px;
                    background: url(//cdnmusic.migu.cn/v3/static/img/index/album-cover.png)
                        no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    top: 0;
                    left: 25px;
                    transition: all 0.5s;
                }
                &:hover {
                    .hidden-play {
                        opacity: 1;
                    }
                    &::before {
                        position: absolute;
                        top: 0;
                        left: 30px;
                    }
                }
            }
        }
    }
    .getMv{
        background-color: #f5f5f5;
      
        margin-top: 100px;
        padding: 40px 0;
        overflow: hidden;
        .mvTitle{
            height:30px;
            background: url('../../assets/images/index_tit.png') no-repeat;
            background-position: center -250px;
          
            overflow: hidden;
        }
        .mvContainer{
            .changMvtype{
                height: 80px;
                line-height: 80px;
                ul{
                    display: flex;
                    justify-content: center;
                    
                    li{
                       
                        margin: 0 30px;
                        cursor: pointer;
                    }
                }
            }
            .mv-box{
               .mv-info-box{
                   padding: 0 100px;
                   height: 500px;
                   display: flex;
                   flex-wrap: wrap;
                   justify-content: space-between;
                   background-color: #f5f5f5;
                .mvItem{
                    width:220px ;
                    margin: 20px 0;
                    .mvImg{

                        height: 140px;
                        position: relative;
                        overflow: hidden;
                        img{
                            transition: all 0.5s;
                        }
                        .hidden-play {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translateY(-50%) translateX(-50%);
                            width: 64px;
                            height: 64px;
                            cursor: pointer;
                            opacity: 0;
                            transition: all 0.25s;
                        }
                    }
                    .mvContent{
                        p{
                            margin: 10px 0;
                            white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        }
                        span{
                            font-size: 14px;
                            color: gray;
                        }
                    }
                    &:hover{
                        img{
                            transform: scale(1.1);
                        }
                        .hidden-play{
                            opacity: 1;
                           
                        }
                    }
                }
               }
            }
        }
    }
}
.footer{
    height: 100px;
    background-color: #333;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color:gray;
}